header .fh5co-navbar-brand {

  float: left;

  width: 100%;

  position: relative;

}

header .fh5co-navbar-brand h1 {

  width: 100%;

  float: left;

  display: block;

  font-family: "Karla", Arial, sans-serif;

}

header .fh5co-navbar-brand .fh5co-logo {

  font-size: 24px;

  text-transform: uppercase;

  color: #000;

  letter-spacing: 4px;

  border: 2px solid #000;

  padding: 5px 20px;

}

header .fh5co-navbar-brand .fh5co-logo:hover {

  text-decoration: none !important;

  color: #000 !important;

}

header .fh5co-navbar-brand .fh5co-logo:active, header .fh5co-navbar-brand .fh5co-logo:focus {

  outline: none;

  text-decoration: none;

}



.fh5co-nav-toggle {

  cursor: pointer;

  text-decoration: none;

  position: absolute !important;

  top: 0;

  right: 0;

}

.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {

  background: #fff;

}

.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {

  background: #fff;

}

.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {

  outline: none;

  border-bottom: none !important;

}

.fh5co-nav-toggle i {

  position: relative;

  display: -moz-inline-stack;

  display: inline-block;

  zoom: 1;

  *display: inline;

  width: 30px;

  height: 2px;

  color: #000;

  font: bold 14px/.4 Helvetica;

  text-transform: uppercase;

  text-indent: -55px;

  background: #000;

  transition: all .2s ease-out;

}

.menu-show .fh5co-nav-toggle i {

  background: #fff;

  color: #fff;

}

.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {

  content: '';

  width: 30px;

  height: 2px;

  background: #000;

  position: absolute;

  left: 0;

  -webkit-transition: 0.2s;

  -o-transition: 0.2s;

  transition: 0.2s;

}

.menu-show .fh5co-nav-toggle i::before, .menu-show .fh5co-nav-toggle i::after {

  background: #fff;

}

.fh5co-nav-toggle.dark i {

  position: relative;

  color: #000;

  background: #000;

  transition: all .2s ease-out;

}

.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {

  background: #000;

  -webkit-transition: 0.2s;

  -o-transition: 0.2s;

  transition: 0.2s;

}



.fh5co-nav-toggle i::before {

  top: -7px;

}



.fh5co-nav-toggle i::after {

  bottom: -7px;

}



.fh5co-nav-toggle:hover i::before {

  top: -10px;

}



.fh5co-nav-toggle:hover i::after {

  bottom: -10px;

}



.fh5co-nav-toggle.active i {

  background: transparent;

}



.fh5co-nav-toggle.active i::before {

  top: 0;

  -webkit-transform: rotateZ(45deg);

  -moz-transform: rotateZ(45deg);

  -ms-transform: rotateZ(45deg);

  -o-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}



.fh5co-nav-toggle.active i::after {

  bottom: 0;

  -webkit-transform: rotateZ(-45deg);

  -moz-transform: rotateZ(-45deg);

  -ms-transform: rotateZ(-45deg);

  -o-transform: rotateZ(-45deg);

  transform: rotateZ(-45deg);

}



.fh5co-nav-toggle {

  float: right;

  z-index: 1003;

  position: relative;

  display: block;

  margin: 0 auto;

  cursor: pointer;

  margin-top: 0px;

}

@media screen and (max-width: 768px) {

  .fh5co-nav-toggle {

    display: block;

    top: 0px;

  }

}



#fh5co-hero {

  max-height: 720px;

  background: #fff url(../images/loader.gif) no-repeat center center;

}

#fh5co-hero .btn {

  font-size: 24px;

}

#fh5co-hero .flexslider {

  border: none;

  z-index: 1;

  margin-bottom: 0;

}

#fh5co-hero .flexslider .slides {

  position: relative;

  overflow: hidden;

}

#fh5co-hero .flexslider .slides li {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  max-height: 720px;

  min-height:680px;

  position: relative;

}

#fh5co-hero .flexslider .slides li:after {

  position: absolute !important;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  content: '';

  z-index: 1;

}

#fh5co-hero .flexslider .flex-control-nav {

  position: absolute;

  bottom: 10px;

  z-index: 1000;

}

#fh5co-hero .flexslider .flex-control-nav li a {

  background: rgba(255, 255, 255, 0.6);

  box-shadow: none;

  width: 12px;

  height: 12px;

  cursor: pointer;

}

#fh5co-hero .flexslider .flex-control-nav li a.flex-active {

  cursor: pointer;

  background: rgba(255, 255, 255, 0.9);

}

#fh5co-hero .flexslider .flex-direction-nav {

  display: none;

}

#fh5co-hero .flexslider .slider-text {

  display: table;

  opacity: 0;

  height: 700px;

  z-index: 9;

  width:100%;

  position:relative;

}



@media screen and (max-width: 768px) {

  #fh5co-hero .flexslider .slider-text {

    text-align: center;
	height:500px;

  }
  #fh5co-hero .flexslider .slides li{min-height:500px;max-height:500px;}

}



#fh5co-hero .flexslider .slides>li .slider-text > .slider-text-inner {

	position:absolute;

	width:92%;

	top:43%;

	vertical-align: middle;

	background:rgba(0,0,0,0.3);

	left:50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	text-align:center;

	padding:2% 1%;

}

	

#fh5co-hero .flexslider .slider-text > .slider-text-inner em {

  font-size: 36px; color: #fff;text-transform:uppercase;font-family: 'Oswald', sans-serif;display:block;margin-bottom:20px;

}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p {

	color:#ffffff;font-size:16px;max-width:66%;margin:auto;line-height:30px;overflow:hidden;height:60px;

}	

#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more{height:42px;_*width:140px;background:#ee921f;display:inline-block;border:2px solid #ee921f;text-align:center;line-height:40px;color:#fff;font-size:13px;text-transform:uppercase;margin:20px; padding: 0 5px;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more.slide-white{background:transparent;border:2px solid #fff;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more:hover{background:#23ac38;text-decoration:none;border:2px solid #23ac38;}

#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more.slide-white:hover{background:#fff;color:#000;border:2px solid #fff;}





@media screen and (min-width: 768px) {

	#fh5co-hero .flexslider .slider-text{width:100%;}

	#fh5co-hero .flexslider .slides>li:nth-child(n+1) .slider-text > .slider-text-inner {

		position:absolute;

		width:75%;

		bottom:16%;

		vertical-align: middle;

		background:rgba(0,0,0,0.3);

		left:50%;

		-webkit-transform: translate(-50%, 0);

		-moz-transform: translate(-50%, 0);

		-ms-transform: translate(-50%, 0);

		-o-transform: translate(-50%, 0);

		transform: translate(-50%, 0);

		-webkit-transition: all 0.3s ease-in-out;

		-moz-transition: all 0.3s ease-in-out;

		-o-transition: all 0.3s ease-in-out;

		transition: all 0.3s ease-in-out;

		text-align:center;

		padding:2% 0;

	}

	

	#fh5co-hero .flexslider .slider-text > .slider-text-inner em {

	  font-size: 48px; color: #fff;text-transform:uppercase;font-family: 'Oswald', sans-serif;display:block;margin-bottom:20px;

	}

	#fh5co-hero .flexslider .slider-text > .slider-text-inner p {

		color:#ffffff;font-size:16px;max-width:66%;margin:auto;line-height:30px;overflow:hidden;height:60px;

	}

	

	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more{height:42px;_*width:140px;background:#ee921f;display:inline-block;border:2px solid #ee921f;text-align:center;line-height:40px;color:#fff;font-size:13px;text-transform:uppercase;margin:20px;padding:0 5px;}
	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more.slide-white{background:transparent;border:2px solid #fff;}
	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more:hover{background:#23ac38;text-decoration:none;border:2px solid #23ac38;}
	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more.slide-white:hover{background:#fff;color:#000;border:2px solid #fff;}

	#fh5co-hero .flexslider .slides>li:nth-child(n+2) .slider-text > .slider-text-inner {padding:20px;}

	#fh5co-hero .flexslider .slides>li:nth-child(n+2) .slider-text > .slider-text-inner em{background:rgba(35,172,56,0.8); padding:10px;}

	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner {

		left:0;

		bottom:auto;

		top:58%;

		-webkit-transform: translate(0, -50%);

		-moz-transform: translate(0, -50%);

		-ms-transform: translate(0, -50%);

		-o-transform: translate(0, -50%);

		transform: translate(0, -50%);

		text-align:left;
		width:60%;
		padding:2%;
		background:rgba(0,0,0,0.3);

	}

	

	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner em{font-size:36px;color:#fff;background:transparent;padding-left:0;}

	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner p{max-width:100%;text-align:left;color:#fff;margin:0;}
	
	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner .slide-more{margin-left:0;}
	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner .slide-more .slide-white{margin-left:20px;}
}



@media screen and (max-width: 768px) {

  #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {

    font-size: 40px;

  }
  #fh5co-hero .flexslider .slides>li .slider-text > .slider-text-inner{top:50%;}

}

#fh5co-hero .flexslider .slider-text > .slider-text-inner p .btn:hover {

  color: #fff !important;

}

#fh5co-hero .flexslider .slider-text > .slider-text-inner span {

  color: rgba(255, 255, 255, 0.8);

  text-transform: uppercase;

  letter-spacing: 5px;

  font-size: 12px;

}



#fh5co-contact-section,

#fh5co-services-section,

#fh5co-work-section,

#fh5co-product-section,

#fh5co-about-section,

#fh5co-map-section {

  padding-bottom: 7em;

}



#fh5co-intro-section {

  margin-bottom: 2em;

  padding-bottom: 2em;

}



.intro-heading {

  font-size: 40px;

  font-weight: 300;

  line-height: 1.5;

}

@media screen and (max-width: 768px) {

  .intro-heading {

    font-size: 30px;

  }

}





.flex-container a:hover,

.flex-slider a:hover {

  outline: none;

}

.slides,

.slides > li,

.flex-control-nav,

.flex-direction-nav {

  margin: 0;

  padding: 0;

  list-style: none;

}

.flex-pauseplay span {

  text-transform: capitalize;

}

/* ====================================================================================================================

 * BASE STYLES

 * ====================================================================================================================*/

.flexslider {

  margin: 0;

  padding: 0;

}

.flexslider .slides > li {

  display: none;

  -webkit-backface-visibility: hidden;

}

.flexslider .slides img {

  width: 100%;

  display: block;

}

.flexslider .slides:after {

  /*content: "\0020";*/

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

html[xmlns] .flexslider .slides {

  display: block;

}

* html .flexslider .slides {

  height: 1%;

}

.no-js .flexslider .slides > li:first-child {

  display: block;

}

/* ====================================================================================================================

 * DEFAULT THEME

 * ====================================================================================================================*/

.flexslider {

  margin: 0 0 60px;

  background: #ffffff;

  border: 4px solid #ffffff;

  position: relative;

  zoom: 1;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);

  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);

  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);

}

.flexslider .slides {

  zoom: 1;

}

.flexslider .slides img {

  height: auto;

  -moz-user-select: none;

}

.flex-viewport {

  max-height: 2000px;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

}

.loading .flex-viewport {

  max-height: 300px;

}

.carousel li {

  margin-right: 5px;

}

.flex-direction-nav {

  *height: 0;

}

.flex-direction-nav a {

  text-decoration: none;

  display: block;

  width: 40px;

  height: 40px;

  margin: -20px 0 0;

  position: absolute;

  top: 50%;

  z-index: 10;

  overflow: hidden;

  opacity: 0;

  cursor: pointer;

  color: rgba(0, 0, 0, 0.8);

  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.flex-direction-nav a:before {

  font-family: "flexslider-icon";

  font-size: 40px;

  display: inline-block;

  content: '\f001';

  color: rgba(0, 0, 0, 0.8);

  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

}

.flex-direction-nav a.flex-next:before {

  content: '\f002';

}

.flex-direction-nav .flex-prev {

  left: -50px;

}

.flex-direction-nav .flex-next {

  right: -50px;

  text-align: right;

}

.flexslider:hover .flex-direction-nav .flex-prev {

  opacity: 0.7;

  left: 10px;

}

.flexslider:hover .flex-direction-nav .flex-prev:hover {

  opacity: 1;

}

.flexslider:hover .flex-direction-nav .flex-next {

  opacity: 0.7;

  right: 10px;

}

.flexslider:hover .flex-direction-nav .flex-next:hover {

  opacity: 1;

}

.flex-direction-nav .flex-disabled {

  opacity: 0!important;

  filter: alpha(opacity=0);

  cursor: default;

  z-index: -1;

}

.flex-pauseplay a {

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  bottom: 5px;

  left: 10px;

  opacity: 1;

  z-index: 10;

  overflow: hidden;

  cursor: pointer;

  color: #000;

}

.flex-pauseplay a:before {

  font-family: "flexslider-icon";

  font-size: 20px;

  display: inline-block;

  content: '\f004';

}

.flex-pauseplay a:hover {

  opacity: 1;

}

.flex-pauseplay a.flex-play:before {

  content: '\f003';

}

.flex-control-nav {

  width: 100%;

  position: absolute;

  bottom: -40px;

  text-align: center;

}

.flex-control-nav li {

  margin: 0 6px;

  display: inline-block;

  zoom: 1;

  *display: inline;

}

.flex-control-paging li a {

  width: 11px;

  height: 11px;

  display: block;

  background: #666;

  background: rgba(0, 0, 0, 0.5);

  cursor: pointer;

  text-indent: -9999px;

  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

}

.flex-control-paging li a:hover {

  background: #333;

  background: rgba(0, 0, 0, 0.7);

}

.flex-control-paging li a.flex-active {

  background: #000;

  background: rgba(0, 0, 0, 0.9);

  cursor: default;

}

.flex-control-thumbs {

  margin: 5px 0 0;

  position: static;

  overflow: hidden;

}

.flex-control-thumbs li {

  width: 25%;

  float: left;

  margin: 0;

}

.flex-control-thumbs img {

  width: 100%;

  height: auto;

  display: block;

  opacity: 1;

  cursor: pointer;

  -moz-user-select: none;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

}

.flex-control-thumbs img:hover {

  opacity: 1;

}

.flex-control-thumbs .flex-active {

  opacity: 1;

  cursor: default;

}







@media screen and (max-width: 860px) {

  .flex-direction-nav .flex-prev {

    opacity: 1;

    left: 10px;

  }

  .flex-direction-nav .flex-next {

    opacity: 1;

    right: 10px;

  }

}





@media only screen and (max-width: 768px) {

	#fh5co-hero .flexslider .slider-text > .slider-text-inner em{font-size:28px;margin-bottom:10px;}

	#fh5co-hero .flexslider .slider-text > .slider-text-inner p{max-width:95%;}

	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more{margin:10px;height:36px;width:120px;line-height:34px;font-size:12px;}

}